﻿<%@ Page Title="" Language="C#" MasterPageFile="~/View/Shared/MasterBase.Master"
    AutoEventWireup="true" CodeBehind="UsuarioCadastrar.aspx.cs" Inherits="iCeo.View.testetabs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">



        $(document).ready(function () {

            //When page loads...
            $(".tab_content").hide(); //Hide all content
            $("ul.tabs li:first").addClass("active").show(); //Activate first tab
            $(".tab_content:first").show(); //Show first tab content

            //On Click Event
            $("ul.tabs li").click(function () {

                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content

                var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active ID content
                return false;
            });

        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Corpo" runat="server">
    <table id="Titulo" align="center">
        <tr>
            <td valign="top" style="padding-top: 2%;" colspan="2">
                <h2>
                    Cadastro de Usuários do Sistema iCeo</h2>
            </td>
        </tr>
    </table>


    <ul class="tabs">
        <li><a href="#tab1">Dados Pessoais</a></li>
        <li><a href="#tab2">Acesso ao Sistema</a></li>
    </ul>
    <div class="tab_container">
        <div id="tab1" class="tab_content">
            <table id="DadosPessoas" style="width: 100%;">
                <tr>
                    <td valign="top" style="padding-top: 2%;" colspan="2">
                        <p>
                            <span class="perspan"><b>Dados Pessoais</b></span></p>
                        <hr style="color: #eae9e9" />
                    </td>
                </tr>
                <tr align="char">
                    <td valign="middle" style="text-align: right; width: 200px">
                        <strong><span id="Span2" runat="server">Nome Completo * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtNomeCompleto" runat="server" Width="500px"></asp:TextBox>
                    </td>
                </tr>
                <tr align="char">
                    <td valign="middle" style="text-align: right">
                        <strong><span id="Span3" runat="server">Data de Nascimento :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtDataNascimento" runat="server" Width="200px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span4" runat="server">Sexo :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:CheckBox ID="chkMasculino" runat="server" Text="Masculino" />
&nbsp;
                        <asp:CheckBox ID="chkFeminino" runat="server" Text="Feminino" />
                    </td>
                </tr>
                <tr align="char">
                    <td valign="middle" style="text-align: right">
                        <strong><span id="Span7" runat="server">CPF * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtCPF" runat="server" Width="200px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span8" runat="server">RG :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtRG" runat="server" Width="200px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span13" runat="server">CNPJ :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtCNPJ" runat="server" Width="200px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span14" runat="server">IE :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtIE" runat="server" Width="200px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span5" runat="server">Estado * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:DropDownList ID="ddlEstado" runat="server">
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr align="char">
                    <td valign="middle" style="text-align: right; width: 200px">
                        <strong><span id="Span6" runat="server">Cidade * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtCidade" runat="server" Width="300px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span9" runat="server">Rua: * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtRua" runat="server" Width="300px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span12" runat="server">Número: * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtNumero" runat="server" Width="100px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span10" runat="server">Bairro: * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtBairro" runat="server" Width="300px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span11" runat="server">CEP: * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtCEP" runat="server" Width="190px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span15" runat="server">Telefone Residencial * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtFoneResidencial" runat="server" Width="190px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span19" runat="server">Telefone</span><span id="Span16" runat="server"> Comercial :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtFoneComercial" runat="server" Width="190px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span17" runat="server">&nbsp;<span id="Span20" runat="server">Telefone </span>Celular :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtFoneCelular" runat="server" Width="190px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span18" runat="server">E-mail: * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtEmail" runat="server" Width="300px"></asp:TextBox>
                    </td>
                </tr>
                 <tr>
                    <td valign="bottom" align="right" colspan="2">
                        <span>* Campos Obrigatórios</span>
                    </td>
                </tr>
            </table>
           
        </div>
        <div id="tab2" class="tab_content">
            <table id="UsuarioSenha" style="width: 100%;">
                <tr>
                    <td valign="top" style="padding-top: 2%;" colspan="2">
                        <p>
                            <span class="perspan"><b>Dados do usuário</b></span></p>
                        <hr style="color: #eae9e9" />
                    </td>
                </tr>
                <tr align="char">
                    <td valign="middle" style="text-align: right; width: 200px">
                        <strong><span id="NomeUsuario" runat="server">Nome de Usuário * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtNomeUsuario" runat="server" Width="300px"></asp:TextBox>
                    </td>
                </tr>
                <tr align="char">
                    <td valign="middle" style="text-align: right">
                        <strong><span id="Senha" runat="server">Senha * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtSenha" runat="server" Width="200px" TextMode="Password"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="ConfirmarSenha" runat="server">Confirmar Senha * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtConfirmSenha" runat="server" Width="200px" 
                            TextMode="Password"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="char" style="text-align: right">
                        <strong><span id="Span1" runat="server">Lembrete da Senha * :&nbsp</span></strong>
                    </td>
                    <td valign="middle">
                        <asp:TextBox ID="txtLembSenha" runat="server" Width="300px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td valign="bottom" align="right" colspan="2">
                        <span>* Campos Obrigatórios</span>
                    </td>
                </tr>
                <tr>
                    <td valign="bottom" align="center" colspan="2">
                        <hr style="color: #eae9e9;" />
                        <asp:Button ID="btnOK" runat="server" Text="OK" Width="90px" 
                            onclick="btnOK_Click" />&nbsp;&nbsp;
                        <asp:Button ID="btnCancelar" runat="server" Text="Cancelar" Width="90px" />
                    </td>
                </tr>
            </table>
           </div>
    </div>
</asp:Content>
